*,
p {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  background: #fafafb;
}
.call_box_video {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  #audience_box {
    position: relative;
    width: 330px;
    height: 584px;
    margin-right: 20px;
    text-align: center;
    border: 1px solid #eee;
    #audience {
      width: 100%;
      height: 100%;
    }
    #call_text {
      position: absolute;
      top: 30%;
      width: 100%;
      height: 100%;
    }
    button {
      width: 160px;
      max-width: 80%;
      height: 38px;
      margin-top: 5px;
      // margin-top: 30px;
      color: #fff;
      // background: red;
      border: none;
      border-radius: 20px;
      cursor: pointer;
      // &:hover {
      //   background-color: red;
      // }
    }
    .call_text {
      position: absolute;
      top: 30%;
      z-index: 999;
      width: 100%;
      height: 100%;
      // button {
      //   display: none;
      // }
      &:hover {
        button {
          display: inline-block;
        }
      }
    }
  }
  #host_box {
    width: 1100px;
    height: 584px;
    border: 1px solid #eee;
    #host {
      width: 100%;
      height: 100%;
    }
  }
  .guide_plan {
    width: 330px;
    height: 584px;
    margin-left: 20px;
    border: 1px solid #eee;
  }
}
.callend_text {
  position: absolute;
  // top: 0;
  bottom: 45px;
  width: 100%;
  // height: 100%;
}

.callend_text button {
  width: 100px;
}
